<extend name="desktop_default/template/user/base_user" />
<block name="area_header">
    <link rel="stylesheet" href="__CSS__/user/security/style.css">
</block>

<block name="area_top">

</block>
<block name="user_top">

</block>
<block name="main_content">
    <div class="security">
        <div class="user-tab">
            <a class="selected" href="javascript:void(0);">安全中心</a>
        </div>
        <div class="security-top">
            <div class="level">
                <span>安全等级: <em>中</em></span>
                <div class="level-bar"><div class="inner medium"></div></div>
            </div>
            <div class="level-tip">完成账户安全设置，提升账户安全</div>
        </div>
        <div class="security-detail">
            <dl>
                <dt><div class="state"><img src="__IMG__/user/security/green.jpg">保护中</div></dt>
                <dd>
                    <h4>登录密码</h4>
                </dd>
                <dd>
                    建议密码由8位以上的数字、字母和特殊字符组成，并定期修改
                </dd>
                <dd class="oper">
                    <a class="btn oper" href="{:U('mengwu/user/setpsw')}">去修改</a>
                </dd>
            </dl>
            <dl class="hide">
                <dt><div class="state"><img src="__IMG__/user/security/yellow.png">未绑定</div></dt>
                <dd>
                    <h4>绑定邮箱</h4>
                </dd>
                <dd>
                    忘记密码时，此邮箱可以帮你找回密码
                </dd>
                <dd class="oper">
                    <a class="btn oper" href="javascript:void(0);">去绑定</a>
                </dd>
            </dl>

            <notempty name="weixin">
                <dl>
                    <dt><div class="state"><img src="__IMG__/user/security/green.jpg">保护中</div></dt>
                    <dd>
                        <h4>绑定微信</h4>
                    </dd>
                    <dd>
                        可以使用快捷登录
                    </dd>
                    <dd class="oper">
                        <a class="btn oper" href="javascript:void(0);">已绑定</a>
                    </dd>
                </dl>
                <else/>
                <dl>
                    <dt><div class="state"><img src="__IMG__/user/security/yellow.png">未保护</div></dt>
                    <dd>
                        <h4>绑定微信</h4>
                    </dd>
                    <dd>
                        绑定后可以使用快捷登录
                    </dd>
                    <dd class="oper hide">
                        <a class="btn oper" href="javascript:void(0);">去绑定</a>
                    </dd>
                </dl>
            </notempty>

            <notempty name="mobile">
                <dl>
                    <dt><div class="state"><img src="__IMG__/user/security/green.jpg">保护中</div></dt>
                    <dd>
                        <h4>手机绑定</h4>
                    </dd>
                    <dd>
                        当前绑定的手机号：{$mobile}<br>
                        绑定手机后，可免费升级更高级别的安全服务，有效保障您的账户安全
                    </dd>
                    <dd class="oper hide">
                        <a class="btn oper" href="javascript:void(0);">更换手机</a>
                    </dd>
                </dl>
                <else/>
                <dl>
                    <dt><div class="state"><img src="__IMG__/user/security/yellow.jpg">未保护</div></dt>
                    <dd>
                        <h4>手机绑定</h4>
                    </dd>
                    <dd>
                        绑定手机后，可免费升级更高级别的安全服务，有效保障您的账户安全
                    </dd>
                    <dd class="oper hide">
                        <a class="btn oper" href="javascript:void(0);">去绑定</a>
                    </dd>
                </dl>
            </notempty>
        </div>


    </div>

</block>
<block name="area_footer">

</block>
